<template>
    <el-footer style="height: 220px;background-color: #333333;padding:20px 0">
        <div class="center" style="text-align: center;color: #ffffff">
            <el-row>
                <el-col span="8">
                    <img src="http://rww08uahf.hn-bkt.clouddn.com/964a0f20e41b4303959890fe8c2231be.png" width="200px" height="70px"  >
                    <p>学习交流</p>
                    <p>IT学生网络社区平台</p>
                    <p>上千学生等待交流</p>
                </el-col>
                <el-col span="8">
                    <el-row id="footer_center">
                        <el-col span="22">
                            <h1>项目小组</h1>
                            <p>云南大学生中心</p>
                            <p>kun吧开发小组</p>
                        </el-col>
                    </el-row>

                </el-col>
                <el-col span="8">
                    <img src="http://rww08uahf.hn-bkt.clouddn.com/964a0f20e41b4303959890fe8c2231be.png" width="200px" height="70px"  >
                    <h2>IT学生网络社区平台</h2>
                </el-col>
            </el-row>
        </div>
    </el-footer>
</template>

<script>
export default {
    name: 'Bottom',
}
</script>

<style>
.center{
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;

}
.right-card .el-card__body{
    padding: 0;/*去掉card自带内边距*/
}
</style>
